identidade phurshell

Base do sistema

As decisões visuais da casca Phurshell — a interface que apresenta cada projeto ao cliente. Cores, tipografia e ícones que se repetem em todas as telas de apresentação, independente do produto do cliente.

01 — cores

Paleta

Um laranja único de marca sobre neutros quentes. O laranja marca ação e destaque; os neutros sustentam texto, superfícies e divisões.

Marca
Laranja Phurshell
Principal · ação & destaque
#FF5100
Laranja escuro
Hover & pressionado
#E04600
Laranja claro
Realce & gradiente
#FF7A33
Lavagem
Fundos & cabeçalho
#FFEDE1
Neutros quentes
Tinta
Títulos · #171410
Corpo
Texto · #3A352E
Médio
Apoio · #6B6459
Suave
Rótulos · #8A8177
Superfície
Cards · #FFFFFF
Fundo
Página · #F7F6F3
Borda
Divisões · #E7E4DE
02 — tipografia

Nunito

Uma família única cobre do display ao rótulo. A hierarquia vem do peso e do tamanho, não da troca de fonte.

Aa
Nunito
Sem-serifa arredondada, amigável e altamente legível. Usada em títulos, corpo, rótulos e navegação.
Regular
400
SemiBold
600
Bold
700
ExtraBold
800
Black
900
DisplayNunito 800 · 52px
Título de seçãoNunito 800 · 32px
SubtítuloNunito 700 · 21px
Corpo grande — leitura confortável e arejada.Nunito 400 · 18px
Corpo padrão para textos de apoio e descrições.Nunito 400 · 15px
Rótulo / eyebrow — caixa alta, boldNunito 700 · 12px
03 — ícones

Ícones

Traço único, 1.75px, cantos e junções arredondados, grade de 24px. Grafite por padrão; laranja apenas quando o ícone representa a ação principal ou o estado ativo.

Conjunto base · traço 1.75
Grafite (padrão) & laranja (ativo)
Padrão
Ativo
Inativo
Tamanhos
16
20
24
32